.risk-ranking-tab-item {
  cursor: pointer;
  text-align: center;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  font-family: PuHuiTi-Bold;
  border-bottom: 1px solid transparent;

  &.active {
    position: relative;
    border-image: linear-gradient(90deg, rgba(246, 110, 44, 0) 0%, #f66e2c 50%, rgba(246, 110, 44, 0) 100%) 1;
    background: linear-gradient(180deg, rgba(246, 110, 44, 0) 0%, rgba(246, 110, 44, 0.16) 100%);

    &::after {
      content: "";
      position: absolute;
      transform: translate3d(-6px, 0, 0);
      right: 50%;
      left: 50%;
      bottom: -12px;
      height: 12px;
      width: 12px;
      background-size: 100% 100%;
      background-image: url("@/assets/icons/safeCoGovernance/down.png");
    }
  }

  &:hover {
    position: relative;
    background: linear-gradient(180deg, rgba(246, 110, 44, 0) 0%, rgba(246, 110, 44, 0.16) 100%);
  }
}
